<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org"
	xmlns:dt="http://github.com/dandelion/datatables"
	xmlns:sec="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>Edit Use Case</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Dhrubo" />

<!-- Le styles -->
<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap.css" th:href="@{/resources/css/bootstrap.css}" />
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}

@media ( max-width : 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}
</style>
<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap-responsive.css"
	th:href="@{/resources/css/bootstrap-responsive.css}" />
<link href="css/tablecloth.css"
	th:href="@{/resources/css/tablecloth.css}" rel="stylesheet" />

<link href="css/bootstrap-editable.css" rel="stylesheet"
	th:href="@{/resources/css/bootstrap-editable.css}" />

<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap-datetimepicker.min.css"
	th:href="@{/resources/css/bootstrap-datetimepicker.min.css}" />

<script src="js/jquery.js" th:src="@{/resources/js/jquery.js}"></script>


<script src="js/jquery.scrollTo-min.js"
	th:src="@{/resources/js/jquery.scrollTo-min.js}"></script>



<script th:inline="javascript">
	/*<![CDATA[*/

	var idscroll = /*[[${pos}]]*/'';

	/*]]>*/
</script>


</head>

<body>
	
	<div th:substituteby="fragments/userheader :: navbar"> </div>
	
	
	<div class="container-fluid">

		<div class="row-fluid">
			<div class="span6">
				<ul class="breadcrumb">
					<li><a href="home">Home</a> <span class="divider">/</span></li>
					<li><a href="listusecases">List Use Cases</a> <span class="divider">/</span></li>
					<li class="active" th:text="'Edit Use Case : ' + ${useCase.name}"></li>
				</ul>
			</div>
			<div class="span6">
				<div class="btn-group pull-right">
					<a th:href="@{/viewusecase(usecase=${useCase.id})}" class="btn btn-primary" type="button">Print</a>
					<a th:href="@{/listusecases}" class="btn btn-success" type="button">List Use Cases</a>
					<!-- 
					<button class="btn btn-success" type="button">Request
						Review</button>
					<button class="btn btn-danger" type="button">
						<i class="icon-trash icon-white"></i>Delete
					</button>

					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Export <span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#">As Microsoft Word</a></li>
						<li><a href="#">As Adobe PDF</a></li>
						<li><a href="#">As LibreOffice Writer</a></li>
					</ul>
					
					 -->
				</div>
			</div>
		</div>

		<div class="row-fluid">

			<div class="span12">


				<div class="tabbable tabs-right">
					<!-- Only required for left/right tabs -->
					<div th:substituteby="fragments/edituc-tabnav :: tabnav"> </div>
					
					<div class="tab-content">
						<div class="tab-pane" id="tab1"
							th:class="${active} == 1? 'tab-pane active' : 'tab-pane'">

							<div th:substituteby="fragments/edituc-basic :: edituc-basic"> </div>

						</div>
						<div class="tab-pane" id="tab2"
							th:class="${active} == 2? 'tab-pane active' : 'tab-pane'">
							<div th:substituteby="fragments/edituc-actor :: edituc-actor"> </div>
							<div th:substituteby="fragments/edituc-actor :: edituc-actor-list"> </div>						

						</div>

						<div class="tab-pane" id="tab3"
							th:class="${active} == 3? 'tab-pane active' : 'tab-pane'">
							
							<legend>Pre &amp;  Post Conditions</legend>
							
							<div th:substituteby="fragments/edituc-conditions :: precondition"> </div>		
							<div th:substituteby="fragments/edituc-conditions :: postcondition"> </div>		
							
						</div>

						<div class="tab-pane" id="tab4"
							th:class="${active} == 4? 'tab-pane active' : 'tab-pane'">
							<div th:substituteby="fragments/edituc-priority :: priority"></div>
							
						</div>

						<div class="tab-pane" id="tab5"
							th:class="${active} == 5? 'tab-pane active' : 'tab-pane'">
							
							<div th:substituteby="fragments/edituc-frequency :: frequency"></div>
						</div>

						<div class="tab-pane active" id="tab6"
							th:class="${active} == 6? 'tab-pane active' : 'tab-pane'">
							<legend>Main Flow</legend>
							<div th:substituteby="fragments/edituc-mainflow :: mainflow"></div>
						</div>

						<div class="tab-pane" id="tab7"
							th:class="${active} == 7? 'tab-pane active' : 'tab-pane'">
							<legend>Alternate Flow(s)</legend>
							<div th:substituteby="fragments/edituc-alternate :: alternate"></div>

						</div>

						<div class="tab-pane" id="tab8"
							th:class="${active} == 8? 'tab-pane active' : 'tab-pane'">
							<legend>Exceptions</legend>
							<div th:substituteby="fragments/edituc-exceptions :: exceptions"></div>
						</div>

						<div class="tab-pane" id="tab9"
							th:class="${active} == 9? 'tab-pane active' : 'tab-pane'">
							<legend>Included Use Cases</legend>
							<div th:substituteby="fragments/edituc-usecases :: edituc-includes"></div>
						</div>

						<div class="tab-pane" id="tab10"
							th:class="${active} == 10? 'tab-pane active' : 'tab-pane'">
							<legend>Special Requirements</legend>
							<div th:substituteby="fragments/edituc-special :: special"></div>
						</div>

						<div class="tab-pane" id="tab11"
							th:class="${active} == 11? 'tab-pane active' : 'tab-pane'">
							<legend>Assumptions</legend>
							<div th:substituteby="fragments/edituc-assumptions :: assumptions"></div>
						</div>

						<div class="tab-pane" id="tab12"
							th:class="${active} == 12? 'tab-pane active' : 'tab-pane'">
							<div th:substituteby="fragments/edituc-notes :: edituc-notes"></div>
							<div th:substituteby="fragments/edituc-notes :: edituc-notes-list"></div>
						</div>
					</div>
				</div>




			</div>
			<!--/span-->





		</div>
		<!--/row-->

		<hr />



	</div>

	<div th:substituteby="fragments/userheader :: footer"> </div>

	<!--/.fluid-container-->

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->


	<script src="js/bootstrap-tab.js"
		th:src="@{/resources/js/bootstrap-tab.js}"></script>



	<script src="js/bootstrap-dropdown.js"
		th:src="@{/resources/js/bootstrap-dropdown.js}"></script>


	<script src="js/jquery.tablecloth.js"
		th:src="@{/resources/js/jquery.tablecloth.js}"></script>



	<script src="js/jquery-ui-1.9.1.custom.min.js"
		th:src="@{/resources/js/jquery-ui-1.9.1.custom.min.js}"></script>

	<script src="js/bootstrap-editable.js"
		th:src="@{/resources/js/bootstrap-editable.js}"></script>
		
		<script src="js/bootstrap-datetimepicker.min.js"
		th:src="@{/resources/js/bootstrap-datetimepicker.min.js}"></script>

	<script src="js/editusecase.js"
		th:src="@{/resources/js/editusecase.js}"></script>

	
	
	
</body>
</html>
